{% extends 'base.html' %}
{% load custom %}

{% block page-container %}

    <div class="wrap-left pull-left">

        {% for article in article_list  %}

            <div class="article-box row">
                <div class="article-head-img col-md-4">
                    <img src="/static/{{ article.head_img }}" >
                </div>
                <div class="article-brief col-md-8">
                    <a class="article-title" href="{% url 'article_detail' article.id %}">{{ article.title }}</a>
                    <div class="article-brief-info">
                        <span><img width="20px" height="20px" src="/static/{{ article.author.head_img|truncate_url }}" >
                            {{ article.author.name }}
                        </span>
                        <span>{{ article.pub_date|readable_date }}</span>
                        <span>{%  filter_comment article as comments %} </span>
                        <span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                        {{ comments.comment_count }}
                        <span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                        {{ comments.thumb_count }}
                    </div>
                    <div class="article-brief-text">
                        <p>{{ article.brief }}</p>
                    </div>

                </div>
            </div>
            <hr>
        {% endfor %}

    </div>

    <!-- 右边的内容  -->
    <div class="wrap-right">

    </div>
    <div class="clear-both"></div>



{% endblock %}

